<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>猫头鹰Maotin - 寻找最有价值的东西</title>
    <link href="reset.css" rel="stylesheet" />
    <link href="global.css" rel="stylesheet" />
    <link href="header.css" rel="stylesheet" />
    <link href="form.css" rel="stylesheet" />
    <link href="footer.css" rel="stylesheet" />
    <link href="wide.css" rel="stylesheet" />
    <link href="ui.css" rel="stylesheet" />
    <!--[if lte IE 8]>
    <script src="html5.js"></script>
    <![endif]-->
</head>
<body>
<div id="append_parent"></div>
<nav class="top-header clearfix pt10 pb10">
    <div class="main-nav w960 clearfix">
        <div id="logo" class="fl"><a href="javascript:" class="logo-font">猫头鹰</a></div>
        <div class="fr" id="login-info"><a href="javascript:mtWindow('login', 'http://localhost/sandalpic/template/login_float.html', 'post');">登录</a><a href="#">注册</a></div>
        <ul id="nav-list" class="fl">
            <li><a href="#">图片</a></li>
            <li><a href="#">文章</a></li>
            <li><a href="#">专辑</a></li>
            <li><a href="#">用户</a></li>
            <li><a href="#">推荐</a></li>
        </ul>
    </div>
</nav>
<section class="content pt5">
    <div class="wide-list clearfix">
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/1.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#" class="w100">雪の燃 于 1天前发布
                    见识一下见识一下见识一下见识一下 评论(12)</a>
                <a href="#">顶</a>
                <a href="#">踩</a>
            </div>
        </div>
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/2.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#" class="w100">雪の燃 于 1天前发布
                    见识一下见识一下见识一下见识一下 评论(12)</a>
                <a href="#">顶</a>
                <a href="#">踩</a>
            </div>
        </div>
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/3.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#" class="w100">雪の燃 于 1天前发布
                    见识一下见识一下见识一下见识一下 评论(12)</a>
                <a href="#">顶</a>
                <a href="#">踩</a>
            </div>
        </div>
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/4.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#" class="w100">雪の燃 于 1天前发布
                    见识一下见识一下见识一下见识一下 评论(12)</a>
                <a href="#">顶</a>
                <a href="#">踩</a>
            </div>
        </div>
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/5.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#" class="w100">雪の燃 于 1天前发布
                    见识一下见识一下见识一下见识一下 评论(12)</a>
                <a href="#">顶</a>
                <a href="#">踩</a>
            </div>
        </div>
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/6.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#" class="w100">雪の燃 于 1天前发布
                    见识一下见识一下见识一下见识一下 评论(12)</a>
                <a href="#">顶</a>
                <a href="#">踩</a>
            </div>
        </div>
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/7.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#" class="w100">雪の燃 于 1天前发布
                    见识一下见识一下见识一下见识一下 评论(12)</a>
                <a href="#">顶</a>
                <a href="#">踩</a>
            </div>
        </div>
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/8.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#" class="w100">雪の燃 于 1天前发布见识一下见识一下见识一下见识一下 评论(12)</a>
                <a href="#">顶</a>
                <a href="#">踩</a>
            </div>
        </div>
        <div class="box">
            <a href="#"><img src="../wiki/HoverSlideEffect/img/9.jpg" /></a>
            <div class="pa opy7 hoverinfo">
                <a href="#">顶</a>
                <a href="#">踩</a>
                <a href="#" class="w100">雪の燃 于 1天前发布见识一下见识一下见识一下见识一下 评论(12)</a>
            </div>
        </div>

    </div>
</section>
<footer class="footer">
    <div class="footer-nav w960">
        <a href="">关于我们</a>
        <a href="">使用向导</a>
        <a href="">意见反馈</a>
        <a href="">服务条款</a>
        &copy; maotin.com<a href="http://www.miibeian.gov.cn/">京ICP备11107066号</a>
        京公网安备1122010501013
    </div>
</footer>

<script src="jquery-1.7.1.min.js"></script>
<script src="lazyload.js"></script>
<script src="common.js"></script>
<script src="mtolay.js"></script>
<script>
    $(function()
    {
        //$("img").lazyload({effect: "fadeIn"});  //lazyload
    });

</script>
<script src="../wiki/masonry-site/jquery.masonry.min.js"></script>
<script>
    $(function(){

        var $container = $('.wide-list');

        $container.imagesLoaded( function(){
            $container.masonry({
                itemSelector : '.box'
            });
        });
        var ml = ($container.width() % 170)/2;

        $container.css({paddingLeft:ml - 10  + 'px', width:$container.width() - ml+10 + 'px'});

        $("div.box").mtolay1();
    });
    (function($) {
        $.fn.mtolay1 = function(opt)
        {
            var o = $.extend({}, $.fn.mtolay.defaults, opt);
            return this.each(function()
            {
                var t = $(this);
                t.hover(
                        function (){
                            t.find('.hoverinfo').show();
                        },
                        function () {
                            t.find('.hoverinfo').hide();
                        }
                );
            });
        };
        $.fn.mtolay1.defaults = {uly:160,dly:160};
    })(jQuery);
</script>
</body>
</html>